<template>
    <div>
        <div id="cesiumContainer"></div>
        <div class="cesiumBG">
        </div>
    </div>
</template>

<script>
import viewerInit from  "../../cesiumPlugin/viewerInit"
import LayerManager from '../../cesiumPlugin/layerManager'
import axios from 'axios'

export default {
    name: 'CesiumContainer',
    mounted(){
        viewerInit();
        window.layerManager = new LayerManager(viewer);
    }
}
</script>

<style>
    #cesiumContainer .cesium-performanceDisplay{
        margin-right:1500px;
        margin-top:50px;
    }
</style>
<style lang="scss" scoped>
    #cesiumContainer{
        width:100vw;
        height:100vh;
        position:absolute;
        z-index:0;
        top:0;
        left:0;
    }
    .cesiumBG{
        width:100vw;
        height:100vh;
        position: relative;
        z-index:1;
        background: url('~@/assets/data/images/earth/bg2.png') no-repeat;
        background-size:100% 100%;
        pointer-events: none;
    }
</style>